<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" style="100%"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Gia su</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/bootstrap-theme.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/bootstrap.min.css" />
        
        <script src="<?php echo base_url(); ?>/js/bootstrap.js"></script>
        <script src="<?php echo base_url(); ?>/js/bootstrap.min.js"></script>
        <script src="<?php echo base_url(); ?>/js/bootstrap-hover-dropdown.js"></script>
        <script src="<?php echo base_url(); ?>/js/bootstrap-hover-dropdown.min.js"></script>
        
        
        <style type='text/css'>
            html,
            body {
                height: 100%;
                /* The html and body elements cannot have any padding or margin. */
            }

            body {
                margin-top:60px;
                background-color: #eee;
            }
            /* Set the fixed height of the footer here */
            #push,
            #footer {
                height: 60px;
            }
            #footer {
                background-color: white;
            }

            /* Lastly, apply responsive CSS fixes as necessary */
            @media (max-width: 767px) {
                #footer {
                    margin-left: -20px;
                    margin-right: -20px;
                    padding-left: 20px;
                    padding-right: 20px;
                }
            }
        </style>
    </head>
    <body style="background-color: #2ecc71;">
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    </button>
                    <a class="active navbar-brand" href="#">Gia sư 7s</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#">
                                <span class="glyphicon glyphicon-home"></span>
                                Home
                            </a>
                        </li>
                        <li>
                            <?php echo anchor('chuyenmuc-lophoc', '<span class="glyphicon glyphicon-star"></span> Lớp đang mở')
                            ?>
                        </li>
                        <li>
                            <?php echo anchor('chuyenmuc-giasu', '<span class="glyphicon glyphicon-star-empty"></span> Danh sách gia sư')
                            ?>
                        </li>
                        <li>
                            <?php echo anchor('chuyenmuc-hoidap', '<span class="glyphicon glyphicon-question-sign"></span> Hỏi - đáp')
                            ?>
                        </li>
                        <li class="dropdown">
                            <a  
                                class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" 
                                data-delay="1000" data-close-others="false" href="#">
                                Về chúng tôi
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <?php echo anchor('gioithieu', '<span class="glyphicon glyphicon-road"></span> Giới thiệu', array('tabindex' => '-1',))
                                    ?>
                                </li>
                                <li>
                                    <?php echo anchor('lienhe/chinhanh', '<span class="glyphicon glyphicon-phone-alt"></span> Liên hệ', array('tabindex' => '-1',))
                                    ?>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav pull-right">
                        <li>
                            <?php
                            $sess = $this->session->userdata('logged_in');
                            if ($sess['sign_in'] == TRUE) {
                                echo anchor('thanhvien/thanhvien/home', 'Profile', array('class' => 'dropdown-toggle',
                                    'data-toggle' => 'dropdown'));
                                ?>
                                <ul class="dropdown-menu">
                                    <li>
                                        <?php
                                        echo anchor('thanhvien/thanhvien/home', 'Hồ sơ');
                                        ?>
                                    </li>
                                    <li>
                                        <?php
                                        echo anchor('thanhvien/thanhvien/loadProfile/' . $sess['id'], 'Cập nhật thông tin');
                                        ?>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <?php echo anchor('thanhvien/thanhvien/logout', 'Log out'); ?>
                                    </li>
                                </ul>
                            </li>
                            <?php
                        } else {
                            ?>
                            <li>
                                <?php
                                echo anchor('thanhvien/thanhvien/login', 'Đăng nhập');
                                ?>
                            </li>
                            <li>
                                <?php
                                echo anchor('thanhvien/thanhvien/hub_registration', 'Đăng ki');
                                ?>
                            </li>
                            
                            <?php
                        }
                        ?>

                    </ul>
                </div><!--/.navbar-collapse -->                
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="<?php echo base_url(); ?>/js/bootstrap.min.js"></script>

